

<form action="" name="register" method="post">

  <table cellspacing="0" cellpadding="0" border="0" width="60%" align="center">
    <thead>
      <tr>
        <th colspan="2">Please fill the details</th>
      </tr>
    </thead>

    <tbody>
      <tr>
        <td align="right">Name :</td>
        <td>
          <input required="" type="text" name="uname"  id="unameId" placeholder="My name is" onClick="alert(this.id)"></td>
      </tr>

      <tr>
        <td align="right">Email :</td>
        <td><input type="email" autocomplete="off" name="email" id="emailId" required="" placeholder="My email is" onBlur="alert(this.value)"></td>
      </tr><tr>

      </tr><tr>
        <td align="right">Password :</td>
        <td><input type="password" placeholder="My password is" name="password" id="passwordId" required="" onChange="alert(this.value)"></td>
      </tr>

      <tr>
        <td align="right">Confirm Password :</td>
        <td><input type="password" name="cpassword" placeholder="Confirm Password" id="cpasswordId" required=""></td>
      </tr>

      <tr>
        <td align="right">Gender :</td>
        <td>
          <label><input required="" type="radio" value="m" name="gender">Male</label>
          <label><input required="" type="radio" value="f" name="gender">Female</label>

        </td>
      </tr>

      <tr>
        <td align="right">Date Of Birth :</td>
        <td><input placeholder="DD/MM/YYYY" required="" type="date" name="dob" id="dobId" value="12/09/2001"> </td>
      </tr>

      <tr>
        <td align="right">Address :</td>
        <td><textarea placeholder="My address is" required="" name="address" id="addressId" rows="5" cols="20"></textarea></td>
      </tr>

      <tr>
        <td align="right">Country :</td>
        <td>
          <select name="country">
            <option value="">-SELECT-</option>
            <option value="in">India</option>
            <option value="pk">Pakistan</option>
            <option value="np">Nepal</option>
            <option value="bn">Bangladesh</option>
            <option value="ch">China</option>
          </select>
        </td>
      </tr>

      <tr>
        <td align="right">Languages Known :</td>
        <td>
          <select name="lang[]" multiple="">
            <option value="hi">Hindi</option>
            <option value="en">English</option>
            <option value="tm">Tamil</option>
            <option value="gj">Gujrati</option>
            <option value="mh">Marathi</option>
          </select>
        </td>
      </tr>

      <tr>
        <td align="right">Hobbies :</td>
        <td>
          <label><input required="" type="checkbox" value="ck" name="hobbies[]">Cricket</label>
          <label><input required="" type="checkbox" value="bd" name="hobbies[]">Badminton</label> <br>
          <label><input required="" type="checkbox" value="hk" name="hobbies[]">Hockey</label>
          <label><input required="" type="checkbox" value="st" name="hobbies[]">Study</label>

        </td>
      </tr>

      <tr>
        <td align="right">Avatar :</td>
        <td><input type="file" name="avatar" required=""></td>
      </tr>

      <tr>
        <td align="right">&nbsp;</td>
        <td><input type="submit" value="I am done!!"></td>
      </tr>

    </tbody>
  </table>

</form>

<script type="text/javascript">
  alert(document.getElementById('dobId').name)
  alert(document.register.dob.value)
</script>
















